@charset "UTF-8";
/* 背景插入的图片居中？？？ */
/* #header .header-top .h_t_left ul{
    width: 192px;
} */
#active {
  width: 100%;
  background: #001554;
  height: 80px; }

.active_c {
  width: 1190px;
  height: 80px;
  margin: 0 auto; }

.swiper-wrapper {
  width: 1343px;
  height: 377px;
  margin: 0 auto; }

.swiper-wrapper img {
  width: 100%;
  height: 100%; }

.swiper-container .next, .swiper-container .prev {
  width: 40px;
  height: 64px;
  background: white; }

.swiper-container .prev {
  background: url(../images/icon.png) no-repeat -46px -89px; }

.swiper-container .next {
  background: url(../images/icon.png) no-repeat -89px 0px; }

.swp1 {
  width: 1343px;
  height: 87px;
  padding-top: 20px;
  background: #F2F2F2; }

/* 居中不了？？？？*/
.swiper-pagination {
  margin: 0 auto; }

.swiper-pagination-bullet {
  margin: 0 4px;
  background: #919191; }

/* .swiper-pagination-bullet-active{
    background: #000;
} */
/* 明星产品部分 */
#product {
  width: 1280px;
  height: 708px;
  margin-top: 107px;
  /* margin: 0 auto; */
  padding: 60px 15px 0 15px; }

.p_t {
  width: 1280px;
  height: 19px;
  color: #000;
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  margin: 10px auto; }

.p_h {
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: 700;
  color: #000;
  text-align: center;
  height: 26px;
  letter-spacing: 6px;
  line-height: 26px; }

#product .product_nav {
  width: 1280px; }

#p_n_t {
  width: 850px;
  height: 25px;
  margin: 0 auto;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 45px; }

#p_n_t ul {
  margin: 0 auto;
  width: 400px;
  height: 25px; }

#p_n_t ul > li {
  float: left;
  padding: 0 30px;
  line-height: 25px;
  cursor: pointer; }

#p_n_t ul li {
  color: #a6a6a6;
  letter-spacing: 2px; }

.act {
  border-bottom: 1px solid #000; }

.actionli {
  position: relative;
  color: #000; }

#xsj {
  width: 0;
  height: 0;
  font-size: 0;
  /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
  line-height: 0;
  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
  border-width: 8px;
  position: absolute;
  left: 42%;
  z-index: 999;
  bottom: -16px;
  border-style: solid dashed dashed dashed;
  /*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
  border-color: #000 transparent transparent transparent;
  transition: all 1s; }

#product .product_nav .p_n_b {
  width: 1280px;
  height: 482px; }

#product .product_nav .p_n_b img {
  width: 486px;
  height: 468px;
  display: block;
  float: left; }

#product .product_nav .p_n_b .swiper2 {
  width: 763px;
  height: 482px;
  float: left;
  padding-left: 30px; }

.swiper2 .b_next, .swiper2 .b_prev {
  background: #fff;
  width: 22px;
  height: 62px; }

.swiper2 .b_next {
  background: url(../images/q1.svg) no-repeat 0 10px;
  background-size: 15px 28px;
  right: -5px;
  top: 30%; }

.swiper2 .b_prev {
  background: url(../images/q2.svg) no-repeat 0 10px;
  background-size: 15px 28px;
  top: 30%; }

/* 第二个swiper中的内容部分 */
.p_n_b_s {
  width: 234px;
  height: 441px;
  text-align: center;
  float: left;
  margin-right: 20px; }

.p_n_b_s > p {
  width: 234px;
  height: 260px;
  background: url(../images/a2.jpg) no-repeat; }

.p_n_b_s .color {
  width: 190px;
  height: 30px;
  padding: 10px 22px 30px 22px; }

.p_n_b_s h3 {
  height: 40px; }

.p_n_b_s h3 a {
  font-weight: 700;
  font-size: 14px; }

.p_n_b_s > .p_div {
  width: 234px;
  height: 20px;
  margin-bottom: 15px; }

.p_n_b_s .p_button {
  position: relative; }

.p_n_b_s .p1 {
  width: 62px;
  height: 10px;
  margin-right: 20px;
  float: left;
  background: url(../images/icon.png) no-repeat -181px -159px;
  margin-left: 35px; }

.p_n_b_s .p2 {
  width: 1px;
  height: 25px;
  float: left;
  background: #dadada;
  position: absolute;
  top: -5px;
  left: 116px; }

.p_n_b_s .p3 {
  float: left;
  font-size: 12px;
  padding-left: 20px; }

.p_n_b_s > .color > div {
  width: 28px;
  height: 28px;
  float: left;
  text-align: center;
  line-height: 20px; }

.color1 {
  border: 1px solid #e6e6e6; }

.p_n_b_s > .color > div > img {
  display: block;
  width: 20px;
  height: 20px; }

#find {
  width: 1343px;
  height: 595px;
  background: #f2f2f2;
  padding: 80px 0; }

#find .f_content {
  width: 1300px;
  height: 505px;
  margin: 0 auto; }

#find .f_content ul {
  width: 1300px;
  height: 505px; }

#find .f_content ul li {
  width: 305px;
  height: 505px;
  margin: 0 10px;
  float: left;
  background: #fff; }

#find .f_content ul li .f_button {
  width: 225px;
  height: 160px;
  padding: 40px; }

#find .f_content .f_b_p1 {
  height: 24px;
  margin-bottom: 20px; }

.f_b_p1 a {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px; }

.f_b_p2 {
  height: 40px;
  color: #999; }

.f_b_p3 {
  height: 16px;
  margin-top: 60px; }

.f_b_p3 a {
  text-decoration: underline; }

#bigtu {
  width: 1343px;
  height: 604px;
  margin: 0 auto;
  cursor: pointer; }

#bigtu > img {
  width: 100%;
  height: 100%; }

#customize {
  width: 1313px;
  height: 532px;
  padding: 75px 15px 0 15px;
  background: #f2f2f2; }

#customize .customize_c {
  width: 1280px;
  height: 397px;
  padding-bottom: 40px;
  margin: 0 auto; }

#customize .c_c_small {
  width: 630px;
  height: 397px;
  float: left;
  background: #fff; }

#customize .c_c_small > img {
  display: block;
  float: left;
  width: 315px;
  height: 397px; }

#customize .c_c_small .c_c_s_r {
  width: 235px;
  height: 184px;
  background: #fff;
  padding: 100px 40px;
  float: left; }

#customize .c_r_title {
  height: 48px;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700; }

#customize .c_r_a {
  height: 16px;
  margin-top: 60px;
  text-decoration: underline; }

#customize .c_small_r {
  float: right; }

#inspiration {
  width: 1313px;
  height: 725px;
  padding: 75px 15px 0;
  background: #f2f2f2; }

#inspiration > .i_content {
  width: 1280px;
  height: 630px;
  margin: 0 auto; }

#inspiration > .i_content > ul {
  width: 1280px;
  height: 630px; }

#inspiration > .i_content > ul > li {
  width: 413px;
  height: 630px;
  margin-right: 20px;
  float: left; }

#inspiration > .i_content > ul > .i_content_lu {
  margin: 0; }

#inspiration .i_content_c {
  width: 313px;
  height: 135px;
  padding: 40px 50px; }

#inspiration .i_content_cp {
  height: 16px;
  margin-bottom: 15px;
  letter-spacing: 6px; }

#inspiration .i_content_cp2 {
  height: 25px;
  margin-bottom: 15px; }

c > a {
  font-size: 20px; }

#inspiration .i_content_cp3 {
  color: #a7a7a7;
  margin-bottom: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

#inspiration .i_content_cp4 {
  height: 16px; }

#inspiration .i_content_cp4 > a {
  text-decoration: underline; }

#inspiration .i_content_cp:hover > a {
  text-decoration: underline; }

#inspiration .i_content_cp2:hover > a {
  text-decoration: underline; }

#video {
  width: 1313px;
  height: 559px;
  padding: 75px 15px 100px;
  clear: both; }

#video .video_c {
  width: 1280px;
  height: 469px;
  background: #fff;
  margin: 0 auto;
  position: relative; }

#video .video_c > img {
  width: 780px;
  height: 440px;
  display: block;
  float: left; }

#video .video_c > .v_a {
  display: block;
  width: 83px;
  height: 83px;
  position: absolute;
  top: 200px;
  left: 370px;
  z-index: 99;
  cursor: pointer;
  background: url(../images/icon.png) no-repeat; }

#video .video_c .v_c_right {
  padding: 65px 55px 30px 55px;
  width: 389px;
  height: 374px;
  float: left; }

#video .v_c_p1 {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 30px; }

#video .v_c_p2 {
  font-size: 12px;
  color: #bfbfbf;
  height: 40px;
  margin-bottom: 30px; }

#video .v_c_p3 {
  height: 16px;
  margin-bottom: 50px; }

#video .v_c_p4 {
  height: 28px;
  margin-bottom: 15px;
  font-size: 24px; }

#video .v_c_right > a {
  text-decoration: underline;
  font-size: 12px;
  display: block;
  float: left;
  width: 129px; }

#video .v_c_p5 {
  font-size: 12px;
  clear: both;
  padding-top: 25px; }

#video .v_c_p5 a {
  color: #bfbfbf; }

#foot_top {
  width: 1343px;
  height: 111px;
  padding: 40px 0;
  background: #000; }

#foot_top ul {
  width: 1284px;
  height: 111px;
  margin: 0 auto; }

#foot_top ul li {
  width: 320px;
  height: 91px;
  padding: 10px 0;
  float: left;
  border-right: 1px solid #575757; }

#foot_top ul li .f_t_tb {
  width: 319px;
  height: 36px; }

#foot_top ul li .f_t_tb .f_t_t_b {
  width: 25px;
  height: 36px;
  margin: 0 auto;
  background: url(../images/icon.png) no-repeat -262px -32px; }

#foot_top .f_t_t_but {
  height: 40px;
  margin-top: 15px;
  color: #fff;
  text-align: center; }

.f_t_li {
  border-right: none; }

#foot_top ul li .f_t_tb .f_t_t_b1 {
  width: 54px;
  height: 32px;
  background-position: -181px -115px; }

#foot_top ul li .f_t_tb .f_t_t_b2 {
  width: 42px;
  height: 30px;
  background-position: 0 -208px; }

#foot_top ul li .f_t_tb .f_t_t_b3 {
  width: 20px;
  height: 36px;
  background-position: -305px 0; }

#boot_nav {
  width: 1148px;
  height: 252px;
  padding: 34px 66px;
  margin: 0 auto; }

.b_n_small {
  width: 229px;
  float: left; }

.b_n_small ul {
  width: 229px; }

.b_n_small ul li {
  width: 229px;
  height: 16px;
  margin-bottom: 15px; }

.b_n_small ul li a {
  color: #999; }

.b_n_small ul li a:hover {
  text-decoration: underline; }

.b_n_small .b_n_header {
  color: #000; }

.b_n_t {
  height: 16px;
  margin-bottom: 10px; }

.b_n_input {
  width: 188px;
  height: 38px;
  padding-right: 40px;
  position: relative; }

.b_n_input input {
  border: 1px solid #dadada;
  width: 149px;
  padding: 5px 30px 5px 9px;
  height: 26px; }

.b_n_input a {
  position: absolute;
  display: block;
  width: 28px;
  height: 38px;
  padding: 0 5px;
  background: #000;
  color: #fff;
  line-height: 38px;
  text-align: center;
  top: 0px;
  right: 0; }

.b_n_contact {
  width: 230px;
  height: 134px;
  margin-top: 36px; }

.b_n_p1 {
  height: 16px;
  margin-bottom: 15px; }

.b_n_contact ul {
  height: 35px; }

.b_n_contact ul li {
  float: left;
  width: 24px;
  height: 20px;
  padding-right: 20px; }

.b_n_contact ul li > a {
  width: 24px;
  height: 20px;
  display: block;
  background: pink; }

.b_n_contact ul li .b_n_li1 {
  background: url(../images/icon.png) no-repeat -331px -185px; }

.b_n_contact ul li .b_n_li2 {
  background: url(../images/icon.png) no-repeat -120px -279px; }

.b_n_a {
  margin: 18px 0; }

#boot_logo {
  width: 1343px;
  height: 78px;
  margin: 12px 0 46px 0; }

#boot_logo img {
  display: block;
  margin: 0 auto;
  width: 436px;
  height: 78px; }

#foot_buttom {
  width: 1263px;
  height: 61px;
  padding: 36px 40px 48px 40px;
  background: #f2f2f2;
  text-align: center; }

.f_b_ul_t {
  width: 700px;
  height: 16px;
  margin: 0 auto 15px;
  text-align: center; }

.f_b_ul_t li {
  margin: 0 10px;
  float: left;
  vertical-align: middle; }

.f_b_ul_t li span {
  font-size: 12px; }

.f_b_ul_t li span:hover {
  text-decoration: underline; }

.f_b_ul_t_li1 {
  display: inline-block;
  margin-right: 7px;
  background: url(../images/icon.png) no-repeat;
  width: 17px;
  height: 17px;
  background-position: -305px -168px; }

.f_b_ul_t_li2 {
  display: inline-block;
  margin-right: 7px;
  background: url(../images/icon.png) no-repeat;
  width: 18px;
  height: 20px;
  background-position: -305px -118px; }

.f_b_ul_b {
  height: 14px;
  margin: 0 auto 14px;
  display: inline-block; }

.f_b_ul_b li {
  float: left;
  margin: 0 20px; }

.f_b_ul_b li a {
  font-size: 12px;
  border-bottom: 1px solid #000; }
